<template>
  <div class="container">
    <div class="recruit-box">
      <div class="top-box">
        <div class="job-name">
          高级服装设计师
        </div>
        <div class="salary-range">
          <span>职位月薪:</span>
          <span>10k-15k</span>
        </div>
      </div>
      <div class="center-box">
        <div class="job-duty">
          岗位职责
        </div>
        <div class="center-content">
          <ol>
            <li>根据软件项目的需求进行系统设计、编码、产品集成、部署等工作</li>
            <li>部分关键技术攻关,解决软件开发过程中遇到的技术难题</li>
            <li>具有3年以上技术经验,精通JAVA语言编程,具有企业级Web应用系统的开发经验</li>
            <li>具备良好的面向对象编程能力,熟悉流行的开源技术</li>
            <li>熟悉Web 前端开发技术,精通Javascript、jQuery、json、XML、CSS、Ajax、html5等技术</li>
            <li>精通B/S架构开发,熟悉并在实际开发项目中使用SSH 架构</li>
            <li>熟悉Oracle、MySql等数据库开发,有较好的数据库设计和编写脚本的能力</li>
            <li>熟悉Webservice应用,有相关网站开发经验者优先</li>
            <li>精通Tomcat、Nginx等服务器配置</li>
            <li>熟悉Linux操作系统者,熟悉Eclipse,熟练掌握SVN等版本管理工具</li>
          </ol>
        </div>
      </div>
      <div class="footer-box">
        <div class="job-demand">
          职位需求
        </div>
        <div class="footer-content">
          <ol>
            <li>根据软件项目的需求进行系统设计、编码、产品集成、部署等工作</li>
            <li>部分关键技术攻关,解决软件开发过程中遇到的技术难题</li>
            <li>具有3年以上技术经验,精通JAVA语言编程,具有企业级Web应用系统的开发经验</li>
            <li>具备良好的面向对象编程能力,熟悉流行的开源技术</li>
            <li>熟悉Web 前端开发技术,精通Javascript、jQuery、json、XML、CSS、Ajax、html5等技术</li>
            <li>精通B/S架构开发,熟悉并在实际开发项目中使用SSH 架构</li>
            <li>熟悉Oracle、MySql等数据库开发,有较好的数据库设计和编写脚本的能力</li>
            <li>熟悉Webservice应用,有相关网站开发经验者优先</li>
            <li>精通Tomcat、Nginx等服务器配置</li>
            <li>熟悉Linux操作系统者,熟悉Eclipse,熟练掌握SVN等版本管理工具</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="scss">
.container {
  display: flex;
  width: 100%;
  justify-content: center;
  .recruit-box {
    width: 1380Px;
    padding: 50Px;
    margin-bottom: 30Px;
    background-color: #FFFFFF;
    .top-box {
      height: 80Px;
      .job-name {
        height: 36Px;
        padding: 2Px 0;
        color: #222;
        font-size: 20Px;
        font-style: normal;
        font-weight: 600;
      }
      .salary-range {
        padding: 2Px 0;
        color: #222;
        font-size: 20Px;
        font-style: normal;
        span {
          &:first-child {
            font-weight: 600;
            margin-right: 10Px;
          }
        }
      }
    }
    .center-box {
      margin: 30Px 0;
      .job-duty {
        height: 36Px;
        padding: 2Px 0;
        color: #222;
        font-size: 20Px;
        font-style: normal;
        font-weight: 600;
      }
      .center-content {
        color: #999;
        font-size: 16Px;
        font-style: normal;
        font-weight: 400;
        li {
          line-height: 30Px;
        }
      }
    }
    .footer-box {
      margin: 30Px 0;
      .job-demand {
        height: 36Px;
        padding: 2Px 0;
        color: #222;
        font-size: 20Px;
        font-style: normal;
        font-weight: 600;
      }
      .footer-content {
        color: #999;
        font-size: 16Px;
        font-style: normal;
        font-weight: 400;
        li {
          line-height: 30Px;
        }
      }
    }
  }
}
</style>